<!DOCTYPE html>
<html>
<head>
	<title>搜索</title>
	<meta charset="utf-8">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/solo.css">
	<script src="./js/jquery-1.12.4.min.js"></script>
</head>
<body>
<?php include_once('config/header.php'); ?>

<div class="content">
	<div class="con-left">
		<div class="con-solo">
			<div class="solo">
				<input type="" name="" placeholder="搜索...">
				<span><img src="./images/Search_Icon.png"></span>
			</div>
			<p class="text-num">共找到 <span>186</span> 个结果</p>
		</div>
		<div class="article-nav" id="article_nav">
			<ul>
				<li data-v="1" data-href="news" id="news"><p>资讯</p></li>
				<li data-v="2" data-href="video" id="video"><p>视频</p></li>
				<li data-v="3" data-href="author" id="author"><p>作者</p></li>
			</ul>
		</div>
		<div class="text">
			<!-- 文章版面 -->
			<div id="text1">
				
			</div>
			<!-- 视频版面 -->
			<div id="text2">
			</div>
			<!-- 作者版面 -->
			<div id="text3">
				
			</div>
		</div>
	</div>
	<div class="con-right">
		<?php include_once('config/label-b.php'); ?>
	</div>
</div>
</div>

<?php include_once('config/footer.php'); ?>
</body>
<script src="./js/function.js"></script>
<script src="./layui/layui.js"></script>
</html>
<script type="text/javascript">
$(function(){
	var search = GetQueryString('search');
	$('#news').addClass('dis-li');
	searchArticle(search);
	$('#article_nav ul li').click(function(){
		var type = $(this).attr('data-href');
		$(this).addClass('dis-li');
		var vid = $(this).attr('data-v');
		$(this).siblings().removeClass('dis-li');
		var html = '';
		if (vid == 1) {
			searchArticle(search);
			$('#text2').html(' ');
			$('#text3').html(' ');
		}else if(vid == 2){
			searchVideo(search);
			$('#text1').html(' ');
			$('#text3').html(' ');
		}else{
			searchWriter(search);
			$('#text1').html(' ');
			$('#text2').html(' ');
		}
	})
})
</script>